uni 您所在的位置:网站首页 schema2code 视频操作 uni

uni

2023-11-28 14:46| 来源: 网络整理| 查看: 265

uni-admin 框架,是基于 uni-app 和 uniCloud 的应用后台管理的开源框架。

详细说明请看官方文档:uni-admin 框架(原名 uniCloud admin) | uni-app官网

本文主要介绍的是,在云数据库已经创建好并且有数据记录的前提下,通过schema2code代码快速生成页面。

schema2code代码生成系统功能包括:

自动生成前端页面,新增、修改、列表、详情页面文件,分别是add.vue、edit.vue、list.vue和detail.vue。自动生成uniCloud admin页面,新增、修改、列表页面文件,分别是add.vue、edit.vue和list.vue。自动生成前端表单校验规则

具体使用方法请查阅官方文档:schema2code代码生成系统 | uni-app官网

1.  登录云数据库,查看数据表字段的类型

uniCloud官网 - web控制台 

2. 在 HBuilderX 编辑器下载项目对应的 DB Schema

3.  编辑数据表对应的 schema.json 文件

根据图一的字段编辑相关属性。

字段属性说明:DB Schema概述 | uni-app官网

 

 4. 编辑完成后要上传DB Schema

 

 

5.  使用 schema2code 生成页面

 

 

 生成的页面默认放在 pages 目录下,可以对vue文件进行修改。

 

 项目运行到浏览器

 

6.  把页面添加到自定义菜单

  

 7.  自动生成页面的效果

 

上面的后台管理是针对下面的小程序而开发。

 

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有